@import "./vars.scss";
.casel-container {
    background-color: $back4;
    .case-h2 {
        padding-bottom: 11px;
    }
    .case-list {
        @include display(flex);
        @include flex-wrap(wrap);
        .case-item {
            width: 33.3333%;
            @include flex-basis(33.3333%);
            padding: 0 16px;
        }
        .case-box {
            display: block;
            margin-top: 37px;
            cursor: pointer;
            background-color: #fff;
            line-height: 26px;
            padding: 22px 20px 56px 30px;
            border-bottom: 2px solid #fff;
            @include transition(all .5s);
            &:hover,
            &.on {
                border-bottom-color: $color3;
                .case-h4 {
                    color: $color3;
                }
            }
            .case-h4 {
                @include transition(all .5s);
                height: 40px;
                @include display(flex);
                @include align-items(center);
                border-bottom: 1px solid $border4;
                font-size: 16px;
                font-family: sscb;
                margin-bottom: 17px;
            }
            .case-center,
            .case-footer {
                font-family: ssnm;
                color: $color5;
                .casecs {
                    width: 70px;
                    @include flex(70px 0 0);
                    
                }
                .casecc {
                    @include flex(1);
                    @include line-clamp(3);
                }
            }
            .casec-group {
                @include display(flex);
            }
            .case-footer {
                margin-top: 21px;
                height: 26px;
                @include display(flex);
                @include align-items(center);
                .iconfont {
                    font-size: 13px;
                    margin-right: 3px;
                    &.cadsz {
                        font-size: 12px;
                    }
                }
                .case-dfn {
                    margin-left: 10px;
                    &:first-child {
                        margin-left: 0;
                    }
                }
            }
        }
    }
    .case-pager {
        padding: 30px 0;
        @include justify-content(center);
    }
}

.case-container {
    background-color: $back4;
    overflow: hidden;
    .caseb-info {
        line-height: 23px;
        .caseb-h3 {
            font-family: sscm;
            font-size: 16px;
            line-height:1;
        }
        .casebi-main {
            margin-top: 21px;
            line-height:14px;
            @include display(flex);
            @include align-items(center);
            .basebi-date,
            .basebi-user {
                width: 120px;
                font-family: sscl;
                .iconfont {
                    margin-right: 5px;
                    &.buser {
                        font-size: 13px;
                    }
                }
            }
            
        }

        .caseb-p {
            margin-top: 15px;
        }
    }
    .caseb-list {
        margin-top: 46px;
        font-family: ssnm;
        @include display(flex);
        @include flex-wrap(wrap);
        @include justify-content(space-between);
        .caseb-item {
            position: relative;
            @include display(flex);
            @include flex-direction(column);
            line-height: 31px;
            span {
                @include display(flex);
                @include align-items(center);
                &::before {
                    display: inline-block;
                    content: '';
                    margin-right: 10px;
                    width: 8px;
                    height: 8px;
                    border-radius: 50%;
                    background-color:$color3;
                }
            }
        }
    }
    .caseb {
        padding: 60px 60px 42px 30px;
        background-color:#fff;
        border-bottom: 2px solid $color3;
    }

    .casef-area {
        margin-top: 38px;
        font-size: 15px;
        line-height:1;
        .casef-header {
            line-height: 26px;
            text-align: center;
        }
        .casef-h3 {
            font-family: sscb;
            font-size: 30px;
            line-height: 1;
        }

        .casef-h4 {
            margin-top: 15px;
            margin-bottom: 20px;
        }

       
    }

    .case-form {
        margin-top: 26px;
    }
}